import React from 'react';
import './index.css';
import {Image} from "antd";



function Smart(props) {

	const {  } = props;

	return (
		<div id='smart' className='section'>
			<div id='smart-register' className='operate-section'>
				<h3>【小程序注册】打开<a href="https://mp.weixin.qq.com/" target='_blank'>微信公众平台</a>(https://mp.weixin.qq.com)</h3>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_3.png' /></div>
				<h4>第一步 使用邮箱注册并激活</h4>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_5.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_6.png' /></div>
				<h4>第二步 填写信息登记</h4>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_8.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_9.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_10.png' /></div>
				<h4>第三步 微信认证</h4>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_11.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_12.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_13.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_14.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_15.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_16.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_17.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_18.png' /></div>
				<h4>第四步 缴纳认证费用</h4>
				<p>接上一步 填写完发票信息之后, 进入到扫码缴纳认证费用。支付完毕等待第三方认证公司的客服电话</p>
				<h4>第五步 小程序备案</h4>
				<p>按各步骤的提示,准备好《小程序电子商务情况说明书》等材料之后, 先由微信方初审, 再提交管局审核.</p>
				<p>将收到的“工业和信息化部”的验证码填写到<a href='https://beian.miit.gov.cn' target='_blank'>备案网站</a>(https://beian.miit.gov.cn)</p>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_19.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-register_20.png' /></div>
			</div>
			<div id='smart-params' className='param-section'>
				<h3>【小程序参数】</h3>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_5.png' /></div>
				<p className='mark'>微信小程序消息推送服务器地址  https://替换成您的域名/api/v1/wx_message/receive</p>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_6.png' /></div>
				<h3>【开通相关接口权限】</h3>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/smart/smart-params_8.png' /></div>
			</div>
		</div>
	);
}

export default Smart;
